* {
	margin: 0px;
	padding: 0px;
}

#all,
#header,
#content,
#footer,
#content-left,
#content-right {
	/*border: 1px solid red;*/
}
body{

}

#all {
	width: 100%;
	text-align: center;
}

#header {
	width: 100%;
	height: 55px;
	background-color: #6a72ff;
}
#header span{
	display:inline-block;
	font-weight: 900;
	font-size:28px;
	text-shadow: 3px 3px 5px gray;
	margin:7px 0 0 0;
	
}
#header-inof{
	 position: absolute;
	 z-index:5;
	 display:inline-block;
	 width: 200px;
	 height:145px;
	 border: 1px solid red;
	 left: 0px;
	 top:0px;
}
#content {
	width: 100%;
}
/* #content-middle */ 
#content-left,
#content-right
{
	float: left;
	height: 800px;
}
/* 中间左边 */
#content-left {
	border-top:35px solid #00ffff;
	width: 18%;
	/* background-color: rgba(0, 102, 204, 1); */
	background-color: #6a72ff;
}

#content-left iframe {
	width: 100%;
	height: 100%;
	border: 0px;
	margin: 0px;
	margin-top: 45px;
}
/* 中间 中间 */
#content-middle {
	width: 0.3%;
	background-color: #0f03e4;
}
/* 中间右边 */
#content-right {
	width: 82%;
	/* background-color: #4169E1; */
}
#content-right #right-one{
	width:100%;
	height:35px;
	background:#42a0ff;
	
}
#bar-three,#bar-two,#bar-one{
	margin: 0px 25px; 
	width:200px;
	line-height: 35px;
	color: #400040;
	font-weight: 700;
	font-size: 16px;
	float: left;
}
#bar-three{
	display: inline-block;
}
#bar-three-sx{
	display: inline-block;
}


#content-right-zi {
	width: 100%;
	height:800px;
	border: 0px;
}

/* #footer {
	width: 100%;
	height: 60px;
	background-color: rgba(0,0,0,0.1);
	clear: left;
} */